<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%--引入Struts标签库--%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%--引入Struts JQuery插件标签库--%>
<%@taglib prefix="sj" uri="/struts-jquery-tags" %>
<%@ taglib prefix="s" uri="/struts-tags" %> 
<%@taglib prefix="sb" uri="/struts-bootstrap-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
  <head>
    <base href="<%=basePath%>">
    <title>My JSP 'index.jsp' starting page</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<sj:head jqueryui="true" jquerytheme="start" locale="zh-CN"/>
<%--	<link rel="stylesheet" type="text/css" href="css\XLYstyles.css">--%>
    <sb:head/>
    </head>
  <body>
    This is my JSP page. <br>
View Code 

  <div class="span4 well pricehover">
                       <h2>按钮组</h2>
      <div class="btn-group" style="margin: 9px 0;">
          <button class="btn btn-large btn-primary">Left</button>
          <button class="btn btn-large  btn-primary">Middle</button>
          <button class="btn   btn-large btn-primary">Right</button>
        </div>

        </div>
 <div class="span4 well pricehover">
<h2>按钮工具条</h2>
    <div class="btn-toolbar">
        <div class="btn-group">
          <button class="btn">1</button>
          <button class="btn">2</button>
          <button class="btn">3</button>
          <button class="btn">4</button>
        </div>
        <div class="btn-group">
          <button class="btn">5</button>
          <button class="btn">6</button>
          <button class="btn">7</button>
        </div>
        <div class="btn-group">
          <button class="btn">8</button>
        </div>
      </div>
        </div>

<div class="span8 well pricehover">

      <h3>按钮下拉菜单</h3>
      <p></p>
      <div class="btn-toolbar" >
        <div class="btn-group">
          <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </div><!-- /btn-group -->
        <div class="btn-group">
          <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </div><!-- /btn-group -->
        <div class="btn-group">
          <button class="btn btn-danger dropdown-toggle" data-toggle="dropdown">Danger <span class="caret"></span></button>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </div><!-- /btn-group -->
      </div>
      <div class="btn-toolbar">
        <div class="btn-group">
          <button class="btn btn-warning dropdown-toggle" data-toggle="dropdown">Warning <span class="caret"></span></button>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </div><!-- /btn-group -->
        <div class="btn-group">
          <button class="btn btn-success dropdown-toggle" data-toggle="dropdown">Success <span class="caret"></span></button>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </div><!-- /btn-group -->
        <div class="btn-group">
          <button class="btn btn-info dropdown-toggle" data-toggle="dropdown">Info <span class="caret"></span></button>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </div><!-- /btn-group -->
        <div class="btn-group">
          <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown">Inverse <span class="caret"></span></button>
          <ul class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </div><!-- /btn-group -->
      </div><!-- /btn-toolbar -->

</body>
</html>
    <%--
    
    <div id="result" class="result"></div>
    <s:url id="first" value="login"></s:url>
    <sj:a id="ajaxlink" href="%{first}" targets="result" cssClass="buttonlink ui-state-default ui-corner-all">ajax</sj:a>

    <sj:a id="ajaxlink" href="%{first}" targets="result"
        indicator="indicator" button="true" buttonIcon="ui-icon-refresh">
        Run AJAX Action
    </sj:a>

    <sj:tabbedpanel id="localtabs">
        <sj:tab id="tab1" target="tone" label="Table1"></sj:tab>
        <sj:tab id="tab2" target="ttwo" label="Table2"></sj:tab>

        <div id="tone">xu3</div>
        <div id="ttwo">xu4</div>
    </sj:tabbedpanel>

    <s:url id="urlajax1" action="" />
    <s:url id="urlajax4" action="" />
    <sj:accordion id="accordion" autoHeight="false">
        <sj:accordionItem title="Sed non urna">
        Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.
        </sj:accordionItem>
        <sj:accordionItem title="Nam enim risus">
        Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
        </sj:accordionItem>
    </sj:accordion>
    --%>
    
    
    <%--    <s:form action="login" namespace="/Account">--%>
<%--        <table>--%>
<%--            <tr>--%>
<%--                <td class="content"><s:text--%>
<%--                        name="G.Login.Lbl.username"></s:text>--%>
<%--                </td>--%>
<%--                <td><input type="text" name="username"--%>
<%--                    class="f-text" />--%>
<%--                </td>--%>
<%--                <td></td>--%>
<%--            </tr>--%>
<%--            <tr>--%>
<%--                <td></td>--%>
<%--                <td>--%>
<%--                    <div class="msg-error">--%>
<%--                        <p>--%>
<%--                            <s:fielderror>--%>
<%--                                <s:param>username</s:param>--%>
<%--                            </s:fielderror>--%>
<%--                        </p>--%>
<%--                    </div></td>--%>
<%--                <td></td>--%>
<%--            </tr>--%>
<%--            <tr>--%>
<%--                <td><s:text name="G.Login.Lbl.password"></s:text>--%>
<%--                </td>--%>
<%--                <td><input type="password" name="password"--%>
<%--                    class="f-text" />--%>
<%--                </td>--%>
<%--                <td><a tabindex="-1"--%>
<%--                    href="<%=basePath%>Account/RecoverAccount"><s:text--%>
<%--                            name="G.Login.Lnk.forgotpasswd"></s:text>--%>
<%--                </a>--%>
<%--                </td>--%>
<%--            </tr>--%>
<%--            <tr>--%>
<%--                <td></td>--%>
<%--                <td>--%>
<%--                    <div class="msg-error">--%>
<%--                        <p>--%>
<%--                            <s:fielderror>--%>
<%--                                <s:param>password</s:param>--%>
<%--                            </s:fielderror>--%>
<%--                        </p>--%>
<%--                    </div></td>--%>
<%--                <td></td>--%>
<%--            </tr>--%>
<%--            <tr>--%>
<%--                <td></td>--%>
<%--                <td><input type="submit" name="submit"--%>
<%--                    class="f-button"--%>
<%--                    value=<s:text name="G.Login.Btn.login"></s:text> />--%>
<%--                </td>--%>
<%--                <td></td>--%>
<%--            </tr>--%>
<%--        </table>--%>
<%--    </s:form>--%>




